<template>
  <view>
    <view class="one text-padding-wrap uni-flex uni-row"
      ><view class="title">头像</view
      ><view class="left-flex uni-row"
        ><view class="img-div"
          ><img class="img" :src="info.picture" alt="" /></view
        ><view class="iconfont icon-jiantou"></view></view
    ></view>
    <view class="one text-padding-wrap uni-flex uni-row"
      ><view class="title">昵称</view
      ><view class="left-flex uni-row"
        ><view class="info">{{ info.name }}</view
        ><view class="iconfont icon-jiantou"></view></view
    ></view>
    <view class="one text-padding-wrap uni-flex uni-row"
      ><view class="title">出生日期</view
      ><view class="left-flex uni-row"
        ><view class="info">{{ info.birth }}</view
        ><view class="iconfont icon-jiantou"></view></view
    ></view>
    <view class="one text-padding-wrap uni-flex uni-row"
      ><view class="title">性别</view
      ><view class="left-flex uni-row"
        ><view class="info">{{ info.gender }}</view
        ><view class="iconfont icon-jiantou"></view></view
    ></view>
    <view class="one text-padding-wrap uni-flex uni-row"
      ><view class="title">手机号</view
      ><view class="left-flex uni-row"
        ><view class="info">{{ info.phone }}</view
        ><view class="iconfont icon-jiantou"></view></view
    ></view>
    <view class="one text-padding-wrap uni-flex uni-row"
      ><view class="title">个性签名</view
      ><view class="left-flex uni-row"
        ><view class="info">{{ info.say }}</view
        ><view class="iconfont icon-jiantou"></view></view
    ></view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      info: {},
    };
  },
  methods: {
    onLoad(options) {
      this.info = JSON.parse(decodeURIComponent(options.leadobj));
    },
  },
};
</script>

<style>
.text-padding-wrap {
  padding: 40rpx;
}
.uni-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /* margin-bottom: 10px; */
}
.left-flex {
  display: flex;
  flex-direction: row;
  justify-content: left;
}
.uni-row {
  flex-direction: row;
}
.one {
  border-bottom: 1px solid #ebebeb;
}
.title {
  font-size: 14px;
}
.img-div {
  position: fixed;
}
.img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: absolute;
  top: -7px;
  right: 2px;
}
.info {
  font-size: 14px;
}
</style>